<template>
  <div class="flex flex-col min-h-screen overflow-hidden">
    <!-- Site header -->
    <Header />

    <!-- Page content -->
    <main class="grow">
      <ServicesBanner :params="bannerParams" />
      <!-- Rapid Prototyping Services -->
      <RapidPrototypingServices />
      <!-- What is Rapid Prototyping -->
      <WhatIsRapidPrototyping />
      <!-- Rapid Prototyping Materials -->
      <RapidPrototypingMaterials />
      <!-- The Process of  Rapid Prototyping -->
      <TheProcessOfRapidPrototyping />
      <!-- Advantage of Rapid Prototyping -->
      <AdvantageOfRapidPrototyping />

      <Applications :applications="applications" class="mt-24" />
      <!-- OUR ADVANTAGE -->
      <OurAdvantage class="mt-24" />
      <StatsCard class="mt-24" />
      <RapidPrototypingFAQs class="mt-24" />
    </main>
    <!-- Site footer -->
    <Footer />
  </div>
</template>

<script setup>
import Header from '../../components/common/Header.vue'
import Footer from '/src/components/common/Footer.vue'
import StatsCard from '../../components/common/StatsCard.vue'
import Applications from '../../components/common/Applications.vue'
import OurAdvantage from '../../components/Home/OurAdvantage.vue'
import RapidPrototypingFAQs from "../../components/Services/RapidPrototyping/RapidPrototypingFAQs.vue";
import ServicesBanner from "../../components/ServicesBanner.vue";
import RapidPrototypingServices from "../../components/Services/RapidPrototyping/RapidPrototypingServices.vue";
import WhatIsRapidPrototyping from "../../components/Services/RapidPrototyping/WhatIsRapidPrototyping.vue";
import RapidPrototypingMaterials from "../../components/Services/RapidPrototyping/RapidPrototypingMaterials.vue";
import TheProcessOfRapidPrototyping from "../../components/Services/RapidPrototyping/TheProcessOfRapidPrototyping.vue";
import AdvantageOfRapidPrototyping from "../../components/Services/RapidPrototyping/AdvantageOfRapidPrototyping.vue";

import banner from "/src/images/services/banner-rapid-prototyping.webp";

const applications = {
  title: 'Applications',
  subTitle:
    'Rapid prototyping is a commonly used manufacturing process in product development and is popular in many industries. Speed and economy are key principles of rapid prototyping, allowing for the simultaneous production of multiple designs for prototypes, or the rapid and continuous modification and remaking of a single prototype.'
}

const bannerParams = {
  imgUrl: banner,
  title: 'Rapid Prototyping Service',
  subtitle: [
    'Rapid prototyping and full-scale production',
    'Tolerances down to ±.0008 (0.020 mm)',
    'Lead times from 3 days',
    'Quotes for up to 10,000 parts'
  ]
}
</script>

<style scoped></style>
